<!--
此文件为开发者工具生成，生成时间: 2025/1/24下午11:31:46
使用方法：
在 G:\rabbit\rabbit_cpoe\dist\dev\mp-weixin\pages\index\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 G:\rabbit\rabbit_cpoe\dist\dev\mp-weixin\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <scroll-view :refresher-enabled="true" :scroll-y="true" class="scroll-view scroll-view">
    <view is="components/XtxSwiper">
      <view class="carousel XtxSwiper--carousel">
        <swiper :autoplay="false" :circular="true" :interval="3000" :current="0"></swiper>
        <view class="indicator XtxSwiper--indicator">
          <text class="dot XtxSwiper--dot"></text>
          <text class="dot XtxSwiper--dot"></text>
          <text class="dot XtxSwiper--dot active XtxSwiper--active"></text>
          <text class="dot XtxSwiper--dot"></text>
          <text class="dot XtxSwiper--dot"></text>
        </view>
      </view>
    </view>
    <view is="pages/index/components/categorize">
      <view class="category categorize--category">
        <navigator class="category-item categorize--category-item" hover-class="none">
          <image class="icon categorize--icon sk-image"></image>
          <text class="text categorize--text sk-transparent sk-text-14-2857-805 sk-text">居家</text>
        </navigator>
        <navigator class="category-item categorize--category-item" hover-class="none">
          <image class="icon categorize--icon sk-image"></image>
          <text class="text categorize--text sk-transparent sk-text-14-2857-132 sk-text">锦鲤</text>
        </navigator>
        <navigator class="category-item categorize--category-item" hover-class="none">
          <image class="icon categorize--icon sk-image"></image>
          <text class="text categorize--text sk-transparent sk-text-14-2857-56 sk-text">服饰</text>
        </navigator>
        <navigator class="category-item categorize--category-item" hover-class="none">
          <image class="icon categorize--icon sk-image"></image>
          <text class="text categorize--text sk-transparent sk-text-14-2857-907 sk-text">母婴</text>
        </navigator>
        <navigator class="category-item categorize--category-item" hover-class="none">
          <image class="icon categorize--icon sk-image"></image>
          <text class="text categorize--text sk-transparent sk-text-14-2857-937 sk-text">个护</text>
        </navigator>
        <navigator class="category-item categorize--category-item" hover-class="none">
          <image class="icon categorize--icon sk-image"></image>
          <text class="text categorize--text sk-transparent sk-text-14-2857-142 sk-text">严选</text>
        </navigator>
        <navigator class="category-item categorize--category-item" hover-class="none">
          <image class="icon categorize--icon sk-image"></image>
          <text class="text categorize--text sk-transparent sk-text-14-2857-899 sk-text">数码</text>
        </navigator>
        <navigator class="category-item categorize--category-item" hover-class="none">
          <image class="icon categorize--icon sk-image"></image>
          <text class="text categorize--text sk-transparent sk-text-14-2857-632 sk-text">运动</text>
        </navigator>
        <navigator class="category-item categorize--category-item" hover-class="none">
          <image class="icon categorize--icon sk-image"></image>
          <text class="text categorize--text sk-transparent sk-text-14-2857-2 sk-text">杂项</text>
        </navigator>
        <navigator class="category-item categorize--category-item" hover-class="none">
          <image class="icon categorize--icon sk-image"></image>
          <text class="text categorize--text sk-transparent sk-text-14-2857-781 sk-text">品牌</text>
        </navigator>
      </view>
    </view>
    <view is="pages/index/components/hot">
      <view class="panel hot--panel hot hot--hot">
        <view class="item hot--item">
          <view class="title hot--title">
            <text class="title-text hot--title-text sk-transparent sk-text-14-2857-51 sk-text"
              >特惠推荐</text
            >
            <text class="title-desc hot--title-desc sk-transparent sk-text-14-2857-956 sk-text"
              >精选全攻略</text
            >
          </view>
          <navigator class="cards hot--cards" hover-class="none">
            <image class="image hot--image sk-image" mode="aspectFit"></image>
            <image class="image hot--image sk-image" mode="aspectFit"></image>
          </navigator>
        </view>
        <view class="item hot--item">
          <view class="title hot--title">
            <text class="title-text hot--title-text sk-transparent sk-text-14-2857-152 sk-text"
              >爆款推荐</text
            >
            <text class="title-desc hot--title-desc sk-transparent sk-text-14-2857-21 sk-text"
              >最受欢迎</text
            >
          </view>
          <navigator class="cards hot--cards" hover-class="none">
            <image class="image hot--image sk-image" mode="aspectFit"></image>
            <image class="image hot--image sk-image" mode="aspectFit"></image>
          </navigator>
        </view>
        <view class="item hot--item">
          <view class="title hot--title">
            <text class="title-text hot--title-text sk-transparent sk-text-14-2857-722 sk-text"
              >一站买全</text
            >
            <text class="title-desc hot--title-desc sk-transparent sk-text-14-2857-962 sk-text"
              >精心优选</text
            >
          </view>
          <navigator class="cards hot--cards" hover-class="none">
            <image class="image hot--image sk-image" mode="aspectFit"></image>
            <image class="image hot--image sk-image" mode="aspectFit"></image>
          </navigator>
        </view>
        <view class="item hot--item">
          <view class="title hot--title">
            <text class="title-text hot--title-text sk-transparent sk-text-14-2857-175 sk-text"
              >新鲜好物</text
            >
            <text class="title-desc hot--title-desc sk-transparent sk-text-14-2857-239 sk-text"
              >生活加分项</text
            >
          </view>
          <navigator class="cards hot--cards" hover-class="none">
            <image class="image hot--image sk-image" mode="aspectFit"></image>
            <image class="image hot--image sk-image" mode="aspectFit"></image>
          </navigator>
        </view>
      </view>
    </view>
    <view is="components/XtxGuess" class="r r">
      <view class="caption XtxGuess--caption">
        <text
          class="text XtxGuess--text sk-transparent sk-text-0-0000-569 sk-text sk-pseudo sk-pseudo-circle"
          >猜你喜欢</text
        >
      </view>
    </view>
  </scroll-view>
</template>
<style scoped>
.sk-transparent {
  color: transparent !important;
}
.sk-text-14-2857-437 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-222 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}
.sk-text-14-2857-805 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-132 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-56 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-907 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-937 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-142 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-899 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-632 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-2 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-781 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-51 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}
.sk-text-14-2857-956 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}
.sk-text-14-2857-152 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}
.sk-text-14-2857-21 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}
.sk-text-14-2857-722 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}
.sk-text-14-2857-962 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}
.sk-text-14-2857-175 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}
.sk-text-14-2857-239 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}
.sk-text-0-0000-569 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 31.3953rpx;
  position: relative !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
